<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="kr" lang="kr">
	<head>
		<title>Untitled Document</title>
		<meta http-equiv="Content-Type"
			content="text/html; charset=iso-8859-1" />
		<style type="text/css">
<!--
body {
	margin: 0px;
	padding: 0px;
	font-family: Dotum, Tahoma;
	font-size: 12px;
	color: #444;
}

A:link {
	COLOR: #444;
	TEXT-DECORATION: none;
}

A:visited {
	COLOR: #444;
	TEXT-DECORATION: none;
}

A:hover {
	COLOR: #999;
	TEXT-DECORATION: underline;
}

A:active {
	COLOR: #444;
	TEXT-DECORATION: none;
}

#topMenu1 {
	top: 60px;
	position: absolute;
	width: 410px;
	height: 19px;
	right: 50px;
	background: ;
	border: 0px solid #999;
}

#topMenu2 {
	width: 600px;
	height: 40px;
	position: absolute;
	top: 100px;
	bottom: 0px;
	right: 50px;
	border: 0px solid #999;
}

.menu {
	width: 600px;
	height: 40px;
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
	border: 1px solid black;
}

.menu li {
	padding: 0;
	margin: 0;
	height: 39px;
	list-style: none;
	background-repeat: no-repeat;
	border: 1px solid red;
}

.menu li a,.menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9000px;
	height: 39px;
	background-repeat: no-repeat;
}

ul.menu li a:hover {
	background: none;
}

.menu li {
	float: left;
}

* html .menu li a {
	width: 100%;
}

.menu:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*

*/
.menu li.menu01Seleted {
	width: 103px;
	background: url(images/comTop/mTitle01.gif) center no-repeat;
}

.menu li.menu01 {
	width: 103px;
	background-image: url(images/comTop/menu01_over.gif);
}

.menu li.menu01 a {
	background-image: url(images/comTop/menu01.gif);
}

.menu li.menu02Seleted {
	width: 103px;
	background: url(images/comTop/mTitle02.gif) center no-repeat;
}

.menu li.menu02 {
	width: 97px;
	background-image: url(images/comTop/menu02_over.gif);
	background-position: center;
}

.menu li.menu02 a {
	background-image: url(images/comTop/menu02.gif);
	background-position: center;
}

.menu li.menu03Seleted {
	width: 103px;
	background: url(images/comTop/mTitle03.gif) center no-repeat;
}

.menu li.menu03 {
	width: 97px;
	background-image: url(images/comTop/menu03_over.gif);
	background-position: center;
}

.menu li.menu03 a {
	background-image: url(images/comTop/menu03.gif);
	background-position: center;
}

.menu li.menu04Seleted {
	width: 103px;
	background: url(images/comTop/mTitle04.gif) center no-repeat;
}

.menu li.menu04 {
	width: 97px;
	background-image: url(images/comTop/menu04_over.gif);
	background-position: center;
}

.menu li.menu04 a {
	background-image: url(images/comTop/menu04.gif);
	background-position: center;
}

.menu li.menu05Seleted {
	width: 103px;
	background: url(images/comTop/mTitle05.gif) center no-repeat;
}

.menu li.menu05 {
	width: 97px;
	background-image: url(images/comTop/menu05_over.gif);
	background-position: center;
}

.menu li.menu05 a {
	background-image: url(images/comTop/menu05.gif);
	background-position: center;
}

.menu li.menu06 {
	width: 97px;
	background-image: url(images/comTop/m06_over.gif);
	background-position: center;
}

.menu li.menu06 a {
	background-image: url(images/comTop/m06.gif);
	background-position: center;
}

.menuTop {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 410px;
	height: 19px;
	COLOR: #888;
	font-size: 11px;
	TEXT-DECORATION: none;
	border: 1px solid red;
	position: absolute;
	/*thing centering*/
	text-align: center;
}

.menuTop li {
	margin: 0;
	height: 19px;
	list-style: none;
	background-repeat: no-repeat;
}

.menuTop li a,.menuTop li a:visited {
	display: block;
	text-decoration: none;
	/*text-indent: -9000px;*/
	height: 19px;
	background-repeat: no-repeat;
}

ul.menuTop li a:hover {
	background: none;
}

.menuTop li {
	float: left;
}

* html .menuTop li a {
	width: 100%;
}

.menuTop:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.menuTop li.login {
	text-indent: -9000px;
	width: 60px;
	background: url(images/comTop/btn_login_over.gif) top no-repeat;
	padding-left: 3px;
}

.menuTop li.login a {
	text-indent: -9000px;
	width: 60px;
	background: url(images/comTop/btn_login.gif) top no-repeat;
	border-right: 0px solid #ccc;
	padding-left: 3px;
}

.menuTop li.logout {
	text-indent: -9000px;
	width: 60px;
	background: url(images/comTop/btn_logout_over.gif) top no-repeat;
}

.menuTop li.logout a {
	text-indent: -9000px;
	width: 60px;
	background: url(images/comTop/btn_logout.gif) top no-repeat;
}

.menuTop li.home {
	width: 40px;
	padding-left: 3px;
}

.menuTop li.profile {
	width: 90px;
	padding-left: 3px;
}

.menuTop li.manger {
	width: 63px;
	padding-left: 3px;
}

.menuTop li.help {
	width: 60px;
	padding-left: 3px;
}

.menuTop li.sitemap {
	width: 70px;
	padding-left: 3px;
}

.tabTopMenu {
	margin: 0;
	padding: 0;
	width: 245px;
	list-style: none;
	background: #fff;
	border: 1px solid red;
}

.tabTopMenu li {
	padding: 0;
	margin: 0;
	height: 27px;
	list-style: none;
	background-repeat: no-repeat;
	border: 1px solid red;
}

.tabTopMenu li a,.tabTopMenu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9000px;
	height: 27px;
	background-repeat: no-repeat;
}

ul.tabTopMenu li a:hover {
	background: none;
}

.tabTopMenu li {
	float: left;
}

* html .menuTop li a {
	width: 100%;
}

.tabTopMenu:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.tabTopMenu li.searchTabSelected {
	width: 78px;
	background: url(images/main/tb_search_on.gif) no-repeat top;
}

.tabTopMenu li.searchTab {
	width: 78px;
	background: url(images/main/tb_search_over.gif) no-repeat top;
}

.tabTopMenu li.searchTab a {
	width: 78px;
	background: url(images/main/tb_search.gif) no-repeat top;
}

.tabTopMenu li.themeTabSelected {
	width: 78px;
	background: url(images/main/tb_theme_on.gif) no-repeat top;
}

.tabTopMenu li.themeTab {
	width: 77px;
	background: url(images/main/tb_theme_over.gif) no-repeat top;
}

.tabTopMenu li.themeTab a {
	width: 77px;
	background: url(images/main/tb_theme.gif) no-repeat top;
}

.tabTopMenu li.bookMarkTabSelected {
	width: 78px;
	background: url(images/main/tb_bookMk_on.gif) no-repeat top;
}

.tabTopMenu li.bookMarkTab {
	width: 80px;
	background: url(images/main/tb_bookMk_over.gif) no-repeat top;
}

.tabTopMenu li.bookMarkTab a {
	width: 80px;
	background: url(images/main/tb_bookMk.gif) no-repeat top;
}


#naviBottom {
	width: 700px;	
	height: 21px;
	position: relative;
	border: 1px solid purple;
}

.tabSubMenu { 
	float: left;
	width: 235px;
	height: 15px; /*v*/
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
	border: 0px solid red;
	text-align: center;
}


.tabSubMenu li {
	float: left;
	padding: 0;
	margin: 0;
	height: 15px;
	list-style: none;
	background-repeat: no-repeat;
	border: 1px solid red;
}

.tabSubMenu li a,.tabSubMenu li a:visited {
	display: block;
	text-decoration: none;
	height: 15px;
	background-repeat: no-repeat;
}

ul.tabSubMenu li a:hover {
	background: none;
}

.tabSubMenu li {
	float: left;
}

* html .tabSubMenu li a {
	width: 100%;
}

.tabSubMenu:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.tabSubMenu li.subMenu11{width:25px; background:url(images/main/bar_smenu.gif) no-repeat top right; text-align: center; padding: 6px 10px 0px  8px;} 
.tabSubMenu li.subMenu12{width:25px; background:url(images/main/bar_smenu.gif) no-repeat top right; text-align: center; padding: 6px 10px 0px  8px;}
.tabSubMenu li.subMenu13{width:25px; background:url(images/main/bar_smenu.gif) no-repeat top right; text-align: center; padding: 6px 10px 0px  8px;}
.tabSubMenu li.subMenu14{width:25px; text-align: center; padding: 6px 10px 0px  8px;}
 

#contentMenu {
	height: 21px;
}
-->
</style>
	</head>

	<body>
		<p>
			&nbsp;
		</p>
		<p>
			&nbsp;
		</p>
		<div id="topMenu1">
			<ul class="menuTop">
				<li class="logout">
					<a href="#">login</a>
				</li>
				<li class="home">
					<a href="#">Home</a>
				</li>
				<li class="profile">
					<a href="#">Profile</a>
				</li>
				<li class="manger">
					<a href="#">Manager</a>
				</li>
				<li class="help">
					<a href="#">Help</a>
				</li>
				<li class="sitemap">
					<a href="#">SiteMap</a>
				</li>
			</ul>
		</div>
		<div id="topMenu2">
			<ul class="menu">
				<li class="menu01Seleted">
					<a href="#">menu1</a>
				</li>
				<li class="menu02">
					<a href="#">menu2</a>
				</li>
				<li class="menu03">
					<a href="#">menu3</a>
				</li>
				<li class="menu04">
					<a href="#">menu4</a>
				</li>
				<li class="menu05">
					<a href="#">menu5</a>
				</li>
				<li class="menu06">
					<a href="#">menu6</a>
				</li>
			</ul>
		</div>

		<div id="naviTop">
			<ul class="tabTopMenu">
				<li class="searchTabSelected">
					<a href="#">searchTab</a>
				</li>
				<li class="themeTab">
					<a href="#">themeTab</a>
				</li>
				<li class="bookMarkTab">
					<a href="#">bookMarkTab</a>
				</li>
			</ul>
			<div id=navigator class="exTxt">
				text area
			</div>
		</div>

		<div id="naviBottom">
			<ul class="tabSubMenu">
				<li class="subMenu11">
					<a href="#">sub01</a>
				</li>
				<li class="subMenu12">
					<a href="#">sub012</a>
				</li>
				<li class="subMenu13">
					<a href="#">sub013</a>
				</li>
				<li class="subMenu14">
					<a href="#">sub015</a>
				</li>
			</ul>
			<div id="contentMenu">
				<img src="images/comTop/tb_location.gif" />

			</div>
		</div>
		<p>
			&nbsp;
		</p>
	</body>
</html>
